window.onload = function(){
    //配置
    var config = {
        vx: 4,//点x轴速度,正为右，负为左
        vy:  4,//点y轴速度
        height: 2,//点高宽，其实为正方形，所以不宜太大
        width: 2,
        count: 200,//点个数
        color: "100, 100, 100",//点颜色
        stroke: "50,50,50",//线条颜色
        dist: 1000,//点吸附距离
        e_dist: 0,//鼠标吸附加速距离
        max_conn: 10//点到点最大连接数
    }
    CanvasParticle(config,"mydiv");
}
// 楼层滚动
function floor(){
    // 获取所有的楼层
let fls = document.querySelectorAll(".fl")
//获取所有按钮
let btns = document.querySelectorAll(".fl-item")
let timeId = null
//批量注册点击事件
btns.forEach(function(btn,i){
    btn.addEventListener("click",function(e){
        if(timeId){
            return
        }
        btns.forEach(function(o){
            o.classList.remove("active")
        })
        btn.classList.add("active")
        //取出楼层到顶部的距离
        // let juli = fls[i].offsetTop
        //设置页面的滚动距离
        // document.documentElement.scrollTop = juli
      
        
        //获取当前位置距离页面顶部的距离
        let nowaday =document.documentElement.scrollTop
         //获取目标楼层到页面顶部的距离
        let target = fls[i].offsetTop
        
         //设置定时器
         timeId = setInterval(function(){
             //判断向上滚动和向下滚动2种情况

             //向下滚动
             if(target>nowaday){
                nowaday+=50
                document.documentElement.scrollTop = nowaday
                if(target-nowaday<=50){
                    clearInterval(timeId)
                    timeId = null
                    document.documentElement.scrollTop = target
                } 
            //  向上滚动
            }else{
                nowaday-=50
                document.documentElement.scrollTop = nowaday
                if(nowaday-target<=50){
                    clearInterval(timeId)
                    timeId = null
                    document.documentElement.scrollTop = target
                }
             }
         },50)
    })
})
}
floor()

// 点击跳转
function tz(){
    let lis = document.querySelectorAll(".case-item")
lis.forEach(function(li,i){
    li.addEventListener("click",function(){
      location.href = "./customer-details.html"
    })
})  
}
tz()
